<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>

	<ul id="myUL">
		<li>item1</li>
		<li>item2</li>
		<li>item3</li>
		<li>item4</li>
		<li>item5</li>
	</ul>

    <hr>

    [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

	<script src="js/helper.js"></script>
	<script>

////		var tt;
//
//		function test() {
//			var t = 8;
////			tt = t;
////			return t;
//
//			/*return function() {
//				console.log(t);
//			}*/
//
//			var ttt = function() {
//				console.log(t);
//			};
//
//			return ttt;
//
//		}
//
//		var tt = test();
//
////		console.log(tt);
//
//		tt();

//		console.log(tt);



//		var myUL = Helper.dom('myUL'),
//			lis = myUL.getElementsByTagName('li'),
//			len = lis.length;

//		var start = new Date().getTime();

		// 		r[i] = function(num) {
		// 			return function() {
		// 				return num;
		// 			}
		// 		}(i);

//		for (var i=0; i<len; i++) { // let i=0;
//			lis[i].onclick = (function(n) {
//				return function() {
//					alert(n + 1);
//				}
//			})(i);
//		}

//		var end = new Date().getTime();
//
//		console.log(end - start);


		////////////////////////////////////////////////////////

//		 var myUL = document.getElementById('myUL');
//		 var lis = myUL.children;
//
//		 for (var i=0; i<lis.length; i++) {
//
//		 	(function(i) {
//		 		lis[i].onclick = function() {
//		 			alert(i);
//		 		};
//
//				/*lis[0].onclick = function() {
//					alert(0);
//				}
//				lis[1].onclick = function() {
//					alert(1);
//				}
//				...
//				lis[4].onclick = function() {
//					alert(4);
//				}*/
//
//		 	})(i);
//
//		// 	/*lis[i].onclick = function() {
//		// 		alert(i);
//		// 	}*/
//		 }
		
		/*var arr = [2, 8, 33, 6, 1, 5];

		arr.sort(function(x,y) {
			return x - y;
		});

		console.log(arr);*/

		// var arr2 = [
		// 	{"name": 'aaa', age: 2, length: 1.8},
		// 	{"name": 'bbb', age: 8, length: 1.6},
		// 	{"name": 'ccc', age: 33, length: 1.3},
		// 	{"name": 'ddd', age: 6, length: 1.7},
		// 	{"name": 'eee', age: 1, length: 1.1},
		// 	{"name": 'fff', age: 5, length: 1.9}
		// ];

		/*var h = arr2.sort(function(a, b) {
			return a.age - b.age;
		});
		console.log(h);*/

		/*function compFun(pro) {
			return function(obj1, obj2) {
				var v1 = obj1[pro];
				var v2 = obj2[pro];
				return v1 - v2;
			}
		}

		// var compare = compFun('age');
		var compare = compFun('length');
		console.log(arr2.sort(compare));*/


		/*function test(age) {
			age++;
			// return 'hello' + age;
			return age;
		}

		var a = test(8);
		console.log(a);*/


		// 创建一个序列数组

//        function createArray() {
//
//            var arr = [];
//
//            for (var i=0; i<10; i++) {
//               arr.push(
//                    (function(n) {
//                        return function() {
//                            return n;
//                        }
//                    })(i)
//               );
//
////               arr.push(function() {return 0;}, function() {return 1;}, function() {return 1;}...)
//            }
//
//            return arr;
//
//        }
//
//        var r = createArray();
//        console.log(r);

//		 function createArray() {
//		 	var r = [];
//		 	for (var i=0; i<10; i++) {
//		 		r[i] = function(num) {
//		 			return function() {
//		 				return num;
//		 			}
//		 		}(i);
//
////                r[i] = i;
//		 		/*r[i] = (function() {
//		 			return i;
//		 		})();*/
//		 	}
//		 	return r;
//		 }
//
//		 var r = createArray();
//		 console.log(r);

/////////////////////////////////////////////////////////////////////

		/*var i=0;
		var timer = setInterval(function() {
			i++;

            if (i > 10) {
                clearInterval(timer);
                return;
            }

		    console.log(i)

		},1000);*/


//		 for (var i=0; i<10; i++) {
//
//            /* setTimeout(function() {
//                console.log(i);
//             }, 1000);*/
//
//		 	/*(function(j) {
//		 		setTimeout(function() {
//		 			console.log(j);
//		 		}, 1000 * j);
//		 	})(i);*/
//		 }
		

	</script>

</body>
</html>